import React from "react";
// 引入styled-components，可以在js里面写css了
import styled from "styled-components";

// RedP是我们自己定义的组件，用于加样式的
const RedP = styled.p`
  color: red;
  /* 还可以使用自定义属性进行props的传参 */
  font-size: ${(props) => props.size + "px"};
`;

const App = () => {
  return (
    <>
      <h2>css-in-js</h2>
      <RedP size="30">hello react!!</RedP>
      <RedP size="50">hello react222!!</RedP>
    </>
  );
};

export default App;
